@charset "utf-8";
/* 重置样式Css */
html {color: #000; background: #fff; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-overflow-scrolling: touch;}
html * {outline:0; -webkit-text-size-adjust: none; -webkit-tap-highlight-color: rgba(0,0,0,0);}
/* 在webkit下面的 默认最小的font-size是12 ，我们需要小于12px的字体大小 */
html,body {font-family: sans-serif;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,a,address,b,big,cite,del,em,html,i,iframe,img,ins,label,small,span,strong,var {margin: 0; padding: 0;}
a {text-decoration: none; color: #000;}
ol,ul,li {list-style: none;}
img {border: none;}
.clear {width:0;height:0;overflow: hidden; clear: both;font-size: 0;}
table {border-collapse: collapse; border-spacing: 0;}
h1,h2,h3,h4,h5,h6 {font-size: 100%; font-weight: 500;}
input,select,textarea {font-size: 100%;}
table {border-collapse: collapse; border-spacing: 0;}
fieldset,img {border: 0;}
abbr,acronym {border: 0; font-variant: normal;}
del {text-decoration: line-through;}
address,caption,cite,code,dfn,em,th,var {font-style: normal; font-weight: 500;}
caption,th {text-align: left;}
q:before,q:after {content: '';}



/* 公共样式Css */
/* 提示窗 */
.black-bg {position: fixed; margin-top: -1.33333333rem; opacity: 0.9; background-color: #505050; text-align: center; font-size: 18px; color: #fff; line-height: 2; display: none; z-index: 999; padding: 0 0.2rem; border-radius: 0.10666666rem;}
[data-dpr="2"] .black-bg {font-size: 36px;}
[data-dpr="3"] .black-bg {font-size: 54px;}

.white-bg {position: fixed; margin-top: -1.33333333rem; opacity: 0.9; background-color: #FFF; text-align: center; font-size: 18px; color: #232227; line-height: 2; display: none; z-index: 999; padding: 0 0.2rem; border-radius: 0.10666666rem;}
[data-dpr="2"] .white-bg {font-size: 36px;}
[data-dpr="3"] .white-bg {font-size: 54px;}

.red-bg {position: fixed; margin-top: -1.33333333rem; opacity: 0.9; background-color: #EA4040; text-align: center; font-size: 18px; color: #FFF; line-height: 2; display: none; z-index: 999; padding: 0 0.2rem; border-radius: 0.10666666rem;}
[data-dpr="2"] .red-bg {font-size: 36px;}
[data-dpr="3"] .red-bg {font-size: 54px;}

/* 遮罩层样式Css */
.masklayer {width: 100%; position: fixed; top: 0; left: 0; opacity: 0.4; background: #333; z-index: 10000; display: none;}

/* 遮罩层图片 */
.maskImg {width: 0.42666666rem; height: auto; position: fixed; top: 50%; left: 50%; margin: -0.26333333rem 0 0 -0.26333333rem; display: none;}

/* 弹性盒模型Flex兼容布局 */
.flex-box {display: flex; display: -webkit-flex; display: box; display: -webkit-box; display: -moz-box; display: -ms-flexbox;}
.flex-direction-column {flex-direction: column; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal;}
.flex-wrap {flex-wrap:wrap; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; box-lines: multiple; -webkit-box-lines: multiple; -moz-box-lines: multiple;}
.justify-content-end {justify-content: flex-end; -webkit-justify-content: flex-end; -moz-justify-content: flex-end; box-pack: end; -webkit-box-pack: end; -moz-box-pack: end;}
.justify-content-center {justify-content: center; -webkit-justify-content: center; -moz-justify-content: center; box-pack: center; -webkit-box-pack: center; -moz-box-pack: center;}
.justify-content-justify {justify-content: space-between; -webkit-justify-content: space-between; -moz-justify-content: space-between; box-pack: justify; -webkit-box-pack: justify; -moz-box-pack: justify;}
.align-items-end {align-items: flex-end; -webkit-align-items: flex-end; -moz-align-items: flex-end; box-align: end; -webkit-box-align: end; -moz-box-align: end;}
.align-items-center {align-items: center; -webkit-align-items: center; -moz-align-items: center; box-align: center; -webkit-box-align: center; -moz-box-align: center;}
.align-items-baseline {align-items: baseline; -webkit-align-items: baseline; -moz-align-items: baseline; box-align: baseline; -webkit-box-align: baseline; -moz-box-align: baseline;}
.align-items-stretch {align-items: stretch; -webkit-align-items: stretch; -moz-align-items: stretch; box-align: stretch; -webkit-box-align: stretch; -moz-box-align: stretch;}
.flex-0 {flex: none; -webkit-flex: none; -ms-flex: none; box-flex: 0; -webkit-box-flex: 0; -moz-box-flex: 0;}
.flex-1 {flex: 1; -webkit-flex: 1; -ms-flex: 1; box-flex: 1; -webkit-box-flex: 1; -moz-box-flex: 1;}
.flex-auto {flex: auto; -webkit-flex: auto; -ms-flex: auto; box-flex: 1; -webkit-box-flex: 1; -moz-box-flex: 1;}
.flex-initial {flex: initial; -webkit-flex: initial; -ms-flex: initial;}
/* 只有新语法的兼容 */
.flex-unitial {flex: 1 0 auto; -webkit-flex: 1 0 auto; -ms-flex: 1 0 auto;}
.align-content-start {align-content: flex-start; -webkit-align-content: flex-start; -ms-align-content: flex-start;}
.align-content-end {align-content: flex-end; -webkit-align-content: flex-end; -ms-align-content: flex-end;}
.align-content-center {align-content: center; -webkit-align-content: center; -ms-align-content: center;}
.align-content-between {align-content: space-between; -webkit-align-content: space-between; -ms-align-content: space-between;}
.align-content-around {align-content: space-around; -webkit-align-content: space-around; -ms-align-content: space-around;}
.align-self-start {align-self: flex-start; -webkit-align-self: flex-start; -ms-align-self: flex-start;}
.align-self-end {align-self: flex-end; -webkit-align-self: flex-end; -ms-align-self: flex-end;}
.align-self-center {align-self: center; -webkit-align-self: center; -ms-align-self: center;}
.align-self-baseline {align-self: baseline; -webkit-align-self: baseline; -ms-align-self: baseline;}